<template>
	<el-dialog v-model="props.isShow" width="30%" close-icon="CloseBold" @close="close">
		<template #header>
			<div class="text-18px font-bold">
				提前赎回
			</div>
		</template>
		<div>
			<p class="text-16px text-[#000]">可获得数量</p>
			<p class="mt-10px text-18px text-[#000]">20000.USDT</p>
			<div class="text-#86909C text-14px pb-20px border-b-1px border-#E5E6EB border-solid mt-10px">
				可获得数量=申购数量+持有期间获得利息
			</div>
			<div class="mt-20px text-14px text-#86909C">
				<div class="flex items-center justify-between">
					<p>申购数量</p>
					<p class="text-#000000">2000.00 USDT</p>
				</div>
				<div class="flex items-center justify-between mt-10px">
					<p>活期利息</p>
					<p class="text-#07B175">0.00 USDT</p>
				</div>
				<div class="flex items-center justify-between mt-10px">
					<p>预计到账时间</p>
					<p class="text-#000000">2025-02-03</p>
				</div>
			</div>
			<div class="mt-60px">
				<el-button color="#114CEE"
				style="width:100%;height:50px;color:#fff;font-size:18px;" @click="confirm">
					确认
				</el-button>
			</div>
		</div>
	</el-dialog>
</template>
<script setup lang="ts">
interface IProps {
	isShow: boolean
}
const props = defineProps<IProps>();

const emits = defineEmits(['close','confirm'])

const openValue = ref<boolean>(false);
const close = () => {
	emits('close', false)
}

const confirm = () => {
	emits('confirm')
}
</script>
